<template>
	<view class="com_view">
		<view class="article-list-box">
			<view v-for="(item,index) in articleList" :key="index" class="dis-flex item" @tap.stop="pageTo('/pages/article_details/index',{id:item.article_id})">
				<view class="flex-box">
					<view class="f_28 navy_blue m_r_32 name twolist-hidden">{{item.title}}</view>
					<view class="f_24 gery1">{{setTime(item.createtime)}}</view>
				</view>
				<view class="">
					<image class="image" :src="item.image" lazy-load mode="aspectFill"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
const app = getApp();
import { commonMixinFun } from '@/static/mixins/common.js';
import { changeFormat } from '@/static/mixins/changeFormat.js';
export default {
	mixins: [commonMixinFun,changeFormat],
	
	props: {
		articleList: {
			type: Array,
			default: []
		}
	},
	data() {
		return {
		}
	}
}
</script>

<style lang="scss" scoped>
	.com_view{
		background-color: white;
		.article-list-box{
			padding: 0 48rpx;
			.item{
				padding: 40rpx 0;
				border-bottom: 2rpx solid #ededed;
				.name{
					text-align: justify;
					margin-bottom: 16rpx;
				}
				.image{
					width: 228rpx;
					height: 152rpx;
					border-radius: 16rpx;
				}
			}
		}
	}
	.item:last-child{
		border-bottom: 0px!important;
	}
</style>
